<template>
	<view :style="themeColor">
		<view class="page">
			<view class="flex flex-direction flex-wrap align-stretch benben-position-layout flex homePage_flex_0"
				:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
				<view class='flex flex-wrap align-center justify-between homePage_fd0_0'>
					<view class='flex flex-wrap align-center homePage_fd0_0_c0' v-if="isLogin == false">
						<!-- <image class='homePage_fd0_0_c0_c0' mode="aspectFit" :src='STATIC_URL+"104.png"'></image>
						<text class='flex-sub homePage_fd0_0_c0_c1'>{{cityinfo.text || '未知' }}</text> -->
					</view>
					<view class='flex flex-wrap align-center homePage_fd0_0_c0' @tap.stop="autoGetLocationFunc()"
						v-else>
						<image class='homePage_fd0_0_c0_c0' mode="aspectFit" :src='STATIC_URL+"104.png"'></image>
						<text class='flex-sub homePage_fd0_0_c0_c1'>{{cityinfo.text || '未定位' }}</text>
					</view>
					<text class='homePage_fd0_0_c1001'>接单大厅</text>
					<view class='flex align-center justify-end homePage_fd0_0_c1'>
					</view>
				</view>

			</view>
			<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
			<!---flex布局flex布局开始-->
			<view class="flex benben-flex-layout flex-wrap align-center homePage_flex_1">
				<view style="position: relative">
					<swiper ref="benbenSwiperfd1_0" @change="bannerIndexfd1_0 = $event.detail.current"
						class='flex position-relative homePage_fd1_0' previous-margin="0rpx" next-margin="0rpx"
						:display-multiple-items="1" :interval="5000" :duration="500" :autoplay='true' :circular='true'>

						<template v-for='(item,key0) in carouselMap'>
							<swiper-item class='flex  homePage_fd1_0' :key='key0'>
								<image class='homePage_fd1_0_c1_c0' mode="aspectFill" :src='item.thumb'
									@tap.stop="dynamicJump(item.href)"></image>
							</swiper-item>
						</template>

					</swiper>
					<view style="position: absolute"
						class="flex dot flex align-center justify-center homePage_swiperDotfd1_0">
						<template v-for="(item, index) in (carouselMap.length)">
							<view :key="index" v-if="bannerIndexfd1_0 == index"
								class="flex dot selected flex align-center justify-center homePage_swiperDotSelectedfd1_0">
							</view>
							<view :key="index" v-else
								class="flex dot unselected flex align-center justify-center homePage_swiperDotUnselectedfd1_0">
							</view>
						</template>
					</view>
				</view>
			</view>

			<!---flex布局flex布局结束-->
			<!---flex布局flex布局开始-->
			<view class="flex benben-flex-layout flex-wrap align-center homePage_flex_2">
				<view style="position: relative">
					<swiper ref="benbenSwiperfd2_0" @change="bannerIndexfd2_0 = $event.detail.current"
						class='flex position-relative homePage_fd2_0' previous-margin="0rpx" next-margin="0rpx"
						:display-multiple-items="1" :vertical='true' :interval="5000" :duration="500" :autoplay='true'
						:circular='true'>

						<template v-for='(item,key0) in announcementList'>
							<swiper-item class='flex  homePage_fd2_0' :key='key0'>
								<view class='flex flex-wrap align-center'>
									<image class='homePage_fd2_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"105.png"'>
									</image>
									<text class='flex-sub homePage_fd2_0_c1_c0_c1' @tap.stop="handleJumpDiy"
										data-type="navigateTo"
										:data-url="`/pages/index/gongDetail/gongDetail?id=${item.aid}`">{{item.title}}</text>
								</view>
							</swiper-item>
						</template>

					</swiper>
				</view>
			</view>

			<!---flex布局flex布局结束-->
			<!---flex布局flex布局开始-->
			<view class="flex benben-flex-layout flex-wrap align-center homePage_flex_3">
				<image class='homePage_fd3_0' mode="aspectFit" :src='STATIC_URL+"106.png"'></image>
				<text class='homePage_fd3_1'>接单中心</text>
			</view>

			<!---flex布局flex布局结束-->
			<!---flex布局flex布局开始-->
			<view class="flex flex-wrap align-center justify-center benben-flex-layout homePage_flex_4001"
				v-if="cityinfo.lat == '' && isLogin == true">
				<text class='homePage_fd4_0001'>请先开启定位在进行接单，</text>
				<text class='homePage_fd4_1001' @tap.stop="popupShow1709879464481=true">去开启</text>
			</view>

			<!---flex布局flex布局结束-->
			<!---订单列表flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout homePage_flex_4">
				<template v-for='(item,key0) in orderList'>
					<view class='flex flex-direction flex-wrap align-stretch homePage_fd4_0' @tap.stop="handleJumpDiy"
						data-type="navigateTo" :data-url="`/pages/dingdan/orderDetailes/orderDetailes?id=${item.aid}`"
						:key='key0'>
						<view class='flex flex-wrap align-center homePage_fd4_0_c0'>
							<text class='flex-sub homePage_fd4_0_c0_c0'>{{item.service_title}}</text>
							<text class='homePage_fd4_0_c0_c1'>{{item.order_status_name}}</text>
							<text class='order_fd2_1_c0_c20089' v-if="item.service_type == '1'">一口价</text>
							<text class='order_fd2_1_c0_c20089' v-if="item.service_type == '2'">议价</text>
							<text class='order_fd2_1_c0_c20089' v-if="item.service_type == '3'">竞价</text>
						</view>
						<view class='flex flex-direction flex-wrap align-stretch flex-sub homePage_fd4_0_c1'>
							<view class='flex flex-wrap align-center homePage_fd4_0_c1_c0'>
								<text class='homePage_fd4_0_c1_c0_c0'>订单编号</text>
								<text class='flex-sub homePage_fd4_0_c1_c0_c1'>{{item.order_sn}}</text>
							</view>
							<view class='flex flex-wrap align-center homePage_fd4_0_c1_c0'>
								<text class='homePage_fd4_0_c1_c0_c0'>预约时间</text>
								<text class='flex-sub homePage_fd4_0_c1_c0_c1'>{{item.door_time}}</text>
							</view>
							<view class='flex flex-wrap align-center homePage_fd4_0_c1_c0'>
								<text class='homePage_fd4_0_c1_c0_c0'>服务地址</text>
								<text class='flex-sub homePage_fd4_0_c1_c0_c1'>{{item.address.address}}</text>
							</view>
							<view class='flex flex-wrap align-center homePage_fd4_0_c1_c3'>
								<text class='homePage_fd4_0_c1_c0_c0'>订单距离</text>
								<text class='flex-sub homePage_fd4_0_c1_c0_c1'>{{item.luchen}}</text>
							</view>
						</view>
						<view class='flex flex-wrap align-center justify-between homePage_fd4_0_c2'>
							<view class='flex flex-wrap align-center'>
								<text class='homePage_fd4_0_c2_c0_c0'>预计收益</text>
								<text class='homePage_fd4_0_c2_c0_c1'>￥</text>
								<text class=' homePage_fd4_0_c2_c0_c2'>
									<text>{{ item.lowest_money | frontPrice }}</text>
									<text
										class=' homePage_price2_fd4_0_c2_c0_c2'>{{ item.lowest_money | laterPrice }}</text>
								</text>
							</view>
							<button class='homePage_fd4_0_c2_c1' @tap.stop="jumpFunc(item.aid)"
								v-if=" item.service_type!='3'">接单</button><button class='homePage_fd4_0_c2_c1'
								@tap.stop="determineQuotationFunc(item.aid,item.aid,item.service_type,item.order_status)"
								v-if=" item.service_type=='3'">报价</button>
						</view>
					</view>
				</template>
				<fu-empty :pagingListLoadedAll="pagingListLoadedAll" :pagingListNoListData="pagingListNoListData"
					:listDataLength="listDataLength" :isLoadInit="isLoadInit"></fu-empty>
				<view class='flex flex-wrap align-center' v-if=" isLogin===false">
					<benben-empty>
						<view class='flex flex-direction flex-wrap align-center homePage_fd4_1_c0'>
							<image class='homePage_fd4_1_c0_c0' mode="widthFix" :src='STATIC_URL+"58.png"'></image>
						</view>
						<button class='order_fd2_1_c1' @tap.stop="handleJumpDiy" data-type="navigateTo"
							:data-url="`/pages/tabBar/logon/logon?type=1`">您还没有登录，去登录</button>
					</benben-empty>
				</view>
			</view>

			<!---订单列表flex布局结束-->
			<benben-popup v-model="popupShow1709879464481" :mask="true" :mask-close-able="true" mode='center'
				:z-index='888'>
				<!---flex布局flex布局开始-->
				<view class="flex flex-direction align-stretch benben-flex-layout homePage_flex_5">
					<view class='flex align-center justify-end homePage_fd5_0'>
						<image class='homePage_fd5_0_c0' mode="aspectFit" :src='STATIC_URL+"348.png"'
							@tap.stop="popupShow1709879464481=false"></image>
					</view>
					<view class='flex flex-direction align-center homePage_fd5_1'>
						<text class='homePage_fd5_1_c0'>您有权限未开启</text>
						<text class='homePage_fd5_1_c1'>开启相关权限后更容易找到你哦~</text>
						<!-- <text class='homePage_fd5_1_c2'>定位权限</text> -->
						<button class='homePage_fd5_1_c3' @tap.stop="autoGetLocationFunc()">立即开启</button>
					</view>
				</view>

				<!---flex布局flex布局结束-->

			</benben-popup>
			<benben-popup v-model="popupShow1672102238282" :mask="true" :mask-close-able="true" mode='center'
				:z-index='999'>
				<!---接单提醒flex布局开始-->
				<view class="flex flex-direction flex-wrap align-center homePage_flex_6">
					<text class='homePage_fd6_0'>提示</text>
					<text class='homePage_fd6_1'>是否确认接单？</text>
					<view class='flex flex-wrap align-center homePage_fd6_2'>
						<button class='homePage_fd6_2_c0' @tap.stop="popupShow1672102238282=false">取消</button>
						<button class='homePage_fd6_2_c1' @tap.stop="postConnectOrderFunc()">确定</button>
					</view>
				</view>

				<!---接单提醒flex布局结束-->

			</benben-popup>
			<benben-popup v-model="popupShow1709880994956" :mask="true" :mask-close-able="true" mode='center'
				:z-index='999'>
				<!---删除弹窗flex布局开始-->
				<view class="flex flex-direction flex-wrap align-center homePage_flex_7">
					<text class='homePage_fd7_0'>提示</text>
					<text class='homePage_fd7_1'>您还未认证，请先认证</text>
					<view class='flex flex-wrap align-center homePage_fd7_2'>
						<button class='homePage_fd7_2_c0' @tap.stop="popupShow1709880994956=false">取消</button>
						<button class='homePage_fd7_2_c1' @tap.stop="navigateToImproveDataFunc()">确认</button>
					</view>
				</view>

				<!---删除弹窗flex布局结束-->

			</benben-popup>


		</view>
	</view>
</template>
<script>
	import amap from '@/libs/amap-wx.js'
	import pagingList from '@/common/mixin/paging_list.js';
	import {
		validate
	} from '@/common/utils/validate.js'

	export default {
		components: {},
		mixins: [pagingList],

		data() {
			return {
				"popupShow1709880994956": false,
				"popupShow1672102238282": false,
				"popupShow1709879464481": false,
				"aabb": false,
				"newData": {
					"order_num": "",
					"sys_num": "",
					"no_read_num": "",
					"new_order_message": "",
					"new_sys": "",
					"order_time": "",
					"sys_time": ""
				},
				"bannerIndexfd2_0": 0,
				"bannerIndexfd1_0": 0,
				"minixPagingListsApi": "",
				"pageingListApiMethod": "",
				"allowOnloadGetList": false,
				"orderList": [],
				"userData": {
					"invite_code": "",
					"address": "",
					"address_code": "",
					"hobby": "",
					"tags": "",
					"id": "",
					"userlevel_id": "",
					"mobile": "",
					"real_name": "",
					"nickname": "",
					"avatar": "",
					"account": "",
					"email": "",
					"birthday": "",
					"gender": "",
					"create_time": "",
					"user_money": "",
					"freeze_money": "",
					"total_consumption_money": "",
					"score": "",
					"_mobile": "",
					"coupon": "",
					"collection_count": "",
					"browse_count": "",
					"total_money": "",
					"certified": "",
					"is_pay_password": "",
					"fuwuxingji": "",
					"gongzuozhuangtai": "",
					"shuzi": "",
					"jifen": "",
					"yajin": "",
					"level": {
						"aid": "",
						"name": "",
						"icon": "",
						"levelid": ""
					},
					"invite_num": "",
					"commission": "",
					"is_deposit": "",
					"is_account": "",
					"dengjidaoqishijian": "",
					"suozaidi": "",
					"huiyuanyue": "",
					"working_hours": "",
					"credit_score": "",
					"deposit": "",
					"deposit_switch": ""
				},
				"connectOrder_id": "",
				"intervalId1": "",
				"intervalId": "",
				"carouselMap": [],
				"announcementList": [],
				"cityinfo": {
					"lng": "",
					"lat": "",
					"text": ""
				}
			};
		},
		computed: {
			themeColor() {
				return this.$store.getters.themeColor
			},
			userInfo: {
				get() {
					return this.$store.state.userInfo
				},
				set() {
					this.$store.commit('updateUserInfo', value)
				},
			},
			/**
			 * @returns 
			 * Android       安卓
			 * IOS       苹果
			 * Web       H5 或 pc
			 * Wechat       微信小程序
			 * Alipay       支付宝小程序
			 * Baidu       百度小程序
			 * ByteBounce       抖音小程序
			 * 360       360小程序
			 * FastApp       快应用
			 */
			appSystemIdentification() {
				return this.$store.state.appSystemIdentification
			},
			isLogin() {
				return this.$store.state.token == '' ? false : true;
			}
		},
		watch: {},
		onLoad(options) {
			if (global.appTabBarType) this.toHomeDiy()
			// this.getCarouselMapFunc()
			// this.getAnnouncementListFunc()
			// this.getAmapFunc()
		},
		onUnload() {

		},
		onReady() {

		},
		onShow() {
			if (uni.getStorageSync('intervalId1')) {
				clearInterval(this.intervalId1);
				this.intervalId1 = null;
				uni.setStorageSync('intervalId1', '')
			}
			let _this = this
			if (uni.getStorageSync('wangluo')) {

				_this.getCarouselMapFunc()
				_this.getAnnouncementListFunc()
				_this.getAmapFunc()
				//
				_this.getUserDataFunc()
				_this.getJudgmentLocationFunc()
				_this.getNewFuncFunc()
				_this.aabb = true
			} else {
				this.intervalId = setInterval(() => {
					uni.getNetworkType({
						success: function(res) {
							if (res.networkType !== 'none') {
								clearInterval(this.intervalId);
								this.intervalId = null
								// console.log('已经连上了网络');
								uni.setStorageSync('wangluo', 1);
								_this.getCarouselMapFunc()
								_this.getAnnouncementListFunc()
								_this.getAmapFunc()
								//
								_this.getUserDataFunc()
								_this.getJudgmentLocationFunc()
								_this.getNewFuncFunc()
								_this.aabb = true
							} else {
								console.log('没有网络连接');
								uni.onNetworkStatusChange(function(res) {});
							}
						}
					});
				}, 500)
			}
			// this.getUserDataFunc()
			// this.getJudgmentLocationFunc()
			// this.getNewFuncFunc()

		},
		onHide() {

		},
		onResize() {

		},
		onPullDownRefresh() {
			this.getCarouselMapFunc()
			this.getAnnouncementListFunc()
			this.getConnectOrderFunc()
		},
		onReachBottom(e) {

		},
		onPageScroll(e) {

		},
		methods: {
			//判断是否能接单
			jumpFunc(connectID) {
				if (this.userData.deposit_switch == '1' && this.userData.is_deposit == 0) {
					this.$message.info('您还未缴纳保证金，请先缴纳再接单');
					setTimeout(() => {
						this.$urouter.navigateTo(`/pages/wode/dataMargin/dataMargin`);
					}, 500)
				} else if (this.userData.gongzuozhuangtai == 0) {
					this.$message.info('请先开启接单');
					setTimeout(() => {
						this.$urouter.switchTab(`/pages/tabBar/mys/mys`);
					}, 500)
				} else {
					this.connectOrder_id = connectID;
					this.popupShow1672102238282 = true;
				}
			},
			//判断是否能报价
			determineQuotationFunc(quotationID, order_sn, service_type, order_status) {
				if (this.userData.deposit_switch == '1' && this.userData.is_deposit == 0) {
					this.$message.info('您还未缴纳保证金，请先缴纳再接单');
					setTimeout(() => {
						this.$urouter.navigateTo(`/pages/wode/dataMargin/dataMargin`);
					}, 500)
				} else if (this.userData.gongzuozhuangtai == 0) {
					this.$message.info('请先开启接单');
					setTimeout(() => {
						this.$urouter.switchTab(`/pages/tabBar/mys/mys`);
					}, 500)
				} else {
					this.connectOrder_id = quotationID;
					this.$urouter.navigateTo(
						`/pages/dingdan/quoteNow/quoteNow?sn=${order_sn}&service_type=${service_type}&order_status=${order_status}&imageType=1`
					);
				}
			},
			//提交接单
			async postConnectOrderFunc() {
				//请求方法
				//数据验证

				let data639449f82b710 = await this.$api.post(global.apiUrls.post639449f82b710, {
					aid: this.connectOrder_id
				});

				if (data639449f82b710.data.code != 1) {
					this.$message.info(data639449f82b710.data.msg);
					return
				}
				this.popupShow1672102238282 = false;
				this.$urouter.switchTab(`/pages/tabBar/order/order`);
			},
			//获取接单大厅信息
			getConnectOrderFunc() {
				if (this.isLogin === true) {
					this.minixPagingListsApi = global.apiUrls.post6406ffd02508c;
					this.pageingListApiMethod = 'post';
					this.allowOnloadGetList = false;
					this.pagingListPostDataContent = {
						city: this.cityinfo.text,
						lng: this.cityinfo.lng,
						lat: this.cityinfo.lat
					}
					this.listData = [];
					this.orderList = this.listData;
					this.pagingListToggle();

				} else {
					this.pagingListLoadedAll = true
					this.pagingListNoListData = true
				}
			},
			//获取用户信息
			async getUserDataFunc() {
				clearInterval(this.intervalId);
				this.intervalId = null
				if (this.isLogin === true) {
					//请求方法
					//数据验证

					let datauserData = await this.$api.get(global.apiUrls.post5c78c4772da97, {
						user_id: this.userInfo.id
					});

					if (datauserData.data.code != 1) {
						this.$message.info(datauserData.data.msg);
						return
					}
					let infouserData = datauserData.data;
					this.userData = infouserData.data

					if (this.userData.certified == '-1') {
						this.popupShow1709880994956 = true
					}
				}
			},
			//获取轮播图列表
			async getCarouselMapFunc() {
				clearInterval(this.intervalId);
				this.intervalId = null
				//请求方法
				//数据验证

				let datacarouselMap = await this.$api.get(global.apiUrls.post636e02b419726, {
					operationadstype_id: '11'
				});

				if (datacarouselMap.data.code != 1) {
					this.$message.info(datacarouselMap.data.msg);
					return
				}
				let infocarouselMap = datacarouselMap.data;
				this.carouselMap = infocarouselMap.data

			},
			//获取广告位列表
			async getAnnouncementListFunc() {
				clearInterval(this.intervalId);
				this.intervalId = null
				if (this.isLogin === true) {
					//请求方法
					//数据验证

					let dataannouncementList = await this.$api.get(global.apiUrls.post636cc56034725, {

					});

					if (dataannouncementList.data.code != 1) {
						this.$message.info(dataannouncementList.data.msg);
						return
					}
					let infoannouncementList = dataannouncementList.data.data;
					this.announcementList = infoannouncementList.data

				}
			},
			//获取经纬度
			async getAddressFunc() {
				if (this.isLogin == true) {
					//请求方法
					//数据验证
					let data64f2ad15ea5b5 = await this.$api.post(global.apiUrls.post64f2ad15ea5b5, {
						lng: this.cityinfo.lng,
						lat: this.cityinfo.lat
					});
					if (data64f2ad15ea5b5.data.code != 1) {
						this.$message.info(data64f2ad15ea5b5.data.msg);
						return
					}
					console.log(uni.getStorageSync('intervalId1'), '111111111111111111');
					if (!uni.getStorageSync('intervalId1')) {
						this.intervalId1 = setInterval(() => {
							uni.setStorageSync('intervalId1', 1)
							this.autoGetLocationFunc()
							console.log('周期性定时器触发了！');
						}, 300000)
					}
				}
			},
			//自动定位
			autoGetLocationFunc() {
				if (!this.setCheckPermission(1)) {
					return
				}
				uni.showLoading({
					title: '定位加载中'
				});
				let that = this
				uni.getLocation({
					geocode: true,
					type: 'gcj02',
					success: (res) => {
						that.amapPlugin.getRegeo({
							location: `${res.longitude},${res.latitude} `,
							success: (addr) => {
								uni.hideLoading();
								let datas = addr[0].regeocodeData.addressComponent
								// that.cityinfo.text = datas.city;
								that.cityinfo.text = (datas.city && datas.city.length > 0) ? datas
									.city : datas.province;
								that.cityinfo.lat = res.latitude;
								that.cityinfo.lng = res.longitude;
								console.log(datas, '12333333333333333阿诗丹顿的点点滴滴哒哒哒哒哒哒');
								uni.setStorageSync('cityinfo', that.cityinfo)
								that.getAddressFunc()
								that.getConnectOrderFunc()
								that.popupShow1709879464481 = false
							},
							fail: (err) => {
								uni.hideLoading();
								console.log(err, 'err');
							}
						});
					},
					fail: (error) => {
						console.log(error, 'error');
						uni.hideLoading();
					}
				});
			},
			//判断是否获取定位
			getJudgmentLocationFunc() {
				clearInterval(this.intervalId);
				this.intervalId = null
				if (this.appSystemIdentification == 'Web') {
					uni.setStorageSync('cityinfo', this.cityinfo)
					// this.popupShow1709879464481 = true
					this.getConnectOrderFunc()
					return
				}
				if (!uni.getStorageSync('cityinfo')) {
					// this.popupShow1709879464481 = true
					this.getConnectOrderFunc()
				} else {
					this.autoGetLocationFunc()
				}
			},
			//判断是否认证
			navigateToImproveDataFunc() {
				this.popupShow1709880994956 = false;
				this.$urouter.navigateTo(`/pages/login/improveData/improveData`);
			},
			//new地图
			getAmapFunc() {
				clearInterval(this.intervalId);
				this.intervalId = null
				this.amapPlugin = new amap.AMapWX({
					key: "06763a42b1955a3d98579dd1e20b0833"
				});
			},
			//获取消息数量
			async getNewFuncFunc() {
				clearInterval(this.intervalId);
				this.intervalId = null
				if (this.isLogin === true) {
					//请求方法
					//数据验证
					let datanewData = await this.$api.get(global.apiUrls.post64140908ca17c, {

					});
					if (datanewData.data.code != 1) {
						this.$message.info(datanewData.data.msg);
						return
					}
					let infonewData = datanewData.data;
					this.newData = infonewData.data
					uni.setTabBarBadge({
						index: 2,
						text: this.newData.no_read_num
					})
				}
			},
			pagingListPostData() {
				return this.pagingListPostDataContent
			}
		}
	};
</script>
<style lang="scss" scoped>
	.page {
		width: 100vw;
		overflow-x: hidden;
		min-height: calc(100vh - var(--window-bottom));
		background: rgba(248, 248, 248, 1);
		background-size: 100% auto;
	}

	.homePage_flex_0 {
		background: rgba(248, 248, 248, 1);
		width: 750rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 10;
		top: 0rpx;
		background-size: 100% auto !important;
	}

	.homePage_fd0_0_c1 {
		width: 260rpx;
		height: 88rpx;
	}

	.homePage_fd0_0_c0_c1 {
		color: #333333;
		font-size: 34rpx;
		font-weight: 700;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		line-height: 48rpx;
	}

	.homePage_fd0_0_c0_c0 {
		width: 40rpx;
		height: 40rpx;
		margin: 0rpx 12rpx 0rpx 0rpx;
	}

	.homePage_fd0_0_c0 {
		height: 88rpx;
		width: 260rpx;
	}

	.homePage_fd0_0 {
		padding: 0rpx 32rpx 0rpx 32rpx;
		height: 88rpx;
	}

	.homePage_flex_1 {
		padding: 0rpx 32rpx 0rpx 32rpx;
	}

	.homePage_numberfd1_0_c0 {
		background: #525050;
		position: absolute;
		bottom: 20rpx;
		right: 30rpx;
		width: 80rpx;
		height: 40rpx;
		border-radius: 6rpx 6rpx 6rpx 6rpx;
		font-size: 24rpx;
		color: #FFFFFF;
		line-height: 46rpx;
		font-weight: 400;
	}

	.homePage_fd1_0_c1_c0 {
		width: 686rpx;
		height: 280rpx;
		border-radius: 16rpx;
	}

	.homePage_fd1_0 {
		width: 686rpx;
		height: 280rpx;
	}

	.homePage_swiperDotUnselectedfd1_0 {
		border: 1px solid rgba(0, 0, 0, 0.3);
		background: rgba(255, 255, 255, 0.4);
		width: 20rpx;
		height: 4rpx;
		border-radius: 2rpx 2rpx 2rpx 2rpx;
		margin: 0rpx 6rpx 0rpx 0rpx;
		font-size: 24rpx;
		color: #fff;
	}

	.homePage_swiperDotSelectedfd1_0 {
		border: 1px solid #00A7FF;
		background: rgba(255, 255, 255, 1);
		width: 20rpx;
		height: 4rpx;
		border-radius: 2rpx 2rpx 2rpx 2rpx;
		margin: 0rpx 6rpx 0rpx 0rpx;
		font-size: 24rpx;
		color: #fff;
	}

	::v-deep .homePage_swiperDotfd1_0 {
		position: absolute;
		bottom: 20rpx;
		left: 0rpx;
		right: 0rpx;
	}

	.homePage_flex_2 {
		padding: 0rpx 32rpx 0rpx 32rpx;
		margin: 32rpx 0rpx 32rpx 0rpx;
	}

	.homePage_numberfd2_0_c0 {
		background: #525050;
		position: absolute;
		bottom: 20rpx;
		right: 30rpx;
		width: 80rpx;
		height: 40rpx;
		border-radius: 6rpx 6rpx 6rpx 6rpx;
		font-size: 24rpx;
		color: #FFFFFF;
		line-height: 46rpx;
		font-weight: 400;
	}

	.homePage_fd2_0_c1_c0_c1 {
		color: #666666;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 33rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.homePage_fd2_0_c1_c0_c0 {
		width: 32rpx;
		height: 32rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 16rpx 0rpx 0rpx;
	}

	.homePage_fd2_0 {
		width: 686rpx;
		height: 33rpx;
	}

	.homePage_swiperDotUnselectedfd2_0 {
		border: 1px solid rgba(0, 0, 0, 0.3);
		background: rgba(0, 0, 0, 0.3);
		width: 16rpx;
		height: 16rpx;
		border-radius: 100rpx 100rpx 100rpx 100rpx;
		margin: 0rpx 6rpx 0rpx 0rpx;
		font-size: 24rpx;
		color: #fff;
	}

	.homePage_swiperDotSelectedfd2_0 {
		border: 1px solid #00A7FF;
		background: #00A7FF;
		width: 16rpx;
		height: 16rpx;
		border-radius: 100rpx 100rpx 100rpx 100rpx;
		margin: 0rpx 6rpx 0rpx 0rpx;
		font-size: 24rpx;
		color: #fff;
	}

	::v-deep .homePage_swiperDotfd2_0 {
		position: absolute;
		bottom: 20rpx;
		left: 0rpx;
		right: 0rpx;
	}

	.homePage_flex_3 {
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.homePage_fd3_1 {
		color: #333333;
		font-size: 36rpx;
		font-weight: 700;
		line-height: 50rpx;
	}

	.homePage_fd3_0 {
		width: 34rpx;
		height: 34rpx;
		margin: 0rpx 16rpx 0rpx 0rpx;
	}

	.homePage_flex_4 {
		padding: 4rpx 24rpx 0rpx 24rpx;
	}

	.homePage_fd4_1_c0_c0 {
		width: 400rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.homePage_fd4_1_c0 {
		width: 100%;
		padding: 50rpx 0rpx 50rpx 0rpx;
	}

	.homePage_fd4_0_c2_c1 {
		background: #3090FF;
		border-radius: 28rpx 28rpx 28rpx 28rpx;
		font-size: 26rpx;
		color: #fff;
		width: 156rpx;
		height: 56rpx;
		line-height: 56rpx;
		font-weight: 400;
	}

	.homePage_price2_fd4_0_c2_c0_c2 {
		font-size: 22rpx;
	}

	.homePage_fd4_0_c2_c0_c2 {
		font-size: 32rpx;
		font-weight: 700;
		color: #FF5050;
		line-height: 40rpx;
	}

	.homePage_fd4_0_c2_c0_c1 {
		color: #FF5050;
		font-size: 22rpx;
		font-weight: 700;
		line-height: 40rpx;
	}

	.homePage_fd4_0_c2_c0_c0 {
		font-size: 24rpx;
		font-weight: 500;
		color: #666666;
		margin: 0rpx 16rpx 0rpx 0rpx;
		line-height: 33rpx;
	}

	.homePage_fd4_0_c2 {
		border-top: 1px solid #eee;
		padding: 32rpx 0rpx 32rpx 0rpx;
		margin: 0rpx 32rpx 0rpx 32rpx;
	}

	.homePage_fd4_0_c1_c3 {
		color: #999999;
		font-size: 24rpx;
		line-height: 38rpx;
		font-weight: 400;
	}

	.homePage_fd4_0_c1_c0_c1 {
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		color: #333333;
		font-size: 28rpx;
		font-weight: 700;
		line-height: 40rpx;
	}

	.homePage_fd4_0_c1_c0_c0 {
		margin: 0rpx 24rpx 0rpx 0rpx;
		color: #999999;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 40rpx;
	}

	.homePage_fd4_0_c1_c0 {
		color: #999999;
		font-size: 24rpx;
		line-height: 38rpx;
		font-weight: 400;
		margin: 0rpx 0rpx 24rpx 0rpx;
	}

	.homePage_fd4_0_c1 {
		margin: 0rpx 32rpx 32rpx 32rpx;
	}

	.homePage_fd4_0_c0_c1 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 700;
		line-height: 40rpx;
	}

	.homePage_fd4_0_c0_c0 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 700;
		margin: 0rpx 24rpx 0rpx 0rpx;
		line-height: 45rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.homePage_fd4_0_c0 {
		margin: 32rpx 32rpx 32rpx 32rpx;
	}

	.homePage_fd4_0 {
		background: #fff;
		background-size: 100% auto !important;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		margin: 24rpx 0rpx 24rpx 0rpx;
	}

	.homePage_flex_5 {
		background: url(image-path('349.png')) no-repeat;
		background-size: 100% auto !important;
		width: 560rpx;
		height: 687rpx;
	}

	.homePage_fd5_1_c3 {
		background: linear-gradient(90deg, #8F6BFF 0%, #C69BFF 100%);
		border-radius: 44rpx 44rpx 44rpx 44rpx;
		font-size: 32rpx;
		color: #fff;
		width: 360rpx;
		height: 88rpx;
		line-height: 88rpx;
		font-weight: 400;

	}

	.homePage_fd5_1_c2 {
		color: #8F6BFF;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 40rpx;
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	.homePage_fd5_1_c1 {
		margin: 40rpx 0rpx 80rpx 0rpx;
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
		line-height: 40rpx;
	}

	.homePage_fd5_1_c0 {
		color: #333333;
		font-size: 36rpx;
		font-weight: 700;
		line-height: 50rpx;
	}

	.homePage_fd5_1 {
		margin: 148rpx 0rpx 0rpx 0rpx;
	}

	.homePage_fd5_0_c0 {
		width: 36rpx;
		height: 36rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.homePage_fd5_0 {
		margin: 134rpx 0rpx 0rpx 0rpx;
		padding: 0rpx 24rpx 0rpx 0rpx;
	}

	.homePage_flex_6 {
		background: #fff;
		margin: 0rpx 105rpx 0rpx 105rpx;
		background-size: #eee;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 54rpx 0rpx 0rpx 0rpx;
	}

	.homePage_fd6_2_c1 {
		background: transparent;
		line-height: 100rpx;
		border-radius: 0rpx 0rpx 16rpx 0rpx;
		font-size: 32rpx;
		color: rgba(48, 144, 255, 1);
		width: 269rpx;
		height: 100rpx;
	}

	.homePage_fd6_2_c0 {
		border-right: 1px solid #EEEEEE;
		background: transparent;
		line-height: 100rpx;
		border-radius: 0rpx 0rpx 0rpx 16rpx;
		font-size: 32rpx;
		color: rgba(153, 153, 153, 1);
		width: 270rpx;
		height: 100rpx;
	}

	.homePage_fd6_2 {
		border-top: 1px solid #eee;
	}

	.homePage_fd6_1 {
		color: #333333;
		font-size: 32rpx;
		line-height: 44rpx;
		font-weight: 400;
		text-align: center;
		margin: 40rpx 0rpx 56rpx 0rpx;
	}

	.homePage_fd6_0 {
		font-weight: 500;
		font-size: 32rpx;
		line-height: 45rpx;
		color: #333333;
	}

	.homePage_flex_7 {
		background: #fff;
		width: 540rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.homePage_fd7_2_c1 {
		border-top: 1px solid #eee;
		border-left: 1px solid #eee;
		background: #fff;
		line-height: 110rpx;
		border-radius: 0rpx 0rpx 16rpx 0rpx;
		font-size: 32rpx;
		color: #3090FF;
		font-weight: 500;
		width: 270rpx;
	}

	.homePage_fd7_2_c0 {
		border-top: 1px solid #eee;
		background: #fff;
		line-height: 110rpx;
		border-radius: 0rpx 0rpx 0rpx 16rpx;
		font-size: 32rpx;
		color: rgba(153, 153, 153, 1);
		font-weight: 500;
		width: 270rpx;
	}

	.homePage_fd7_2 {
		margin: 37rpx 0rpx 0rpx 0rpx;
	}

	.homePage_fd7_1 {
		line-height: 52rpx;
		font-size: 32rpx;
		font-weight: 400;
		color: #333333;
		margin: 0rpx 32rpx 0rpx 32rpx;
		text-align: center;
	}

	.homePage_fd7_0 {
		font-size: 36rpx;
		font-weight: 700;
		line-height: 32rpx;
		color: #333333;
		margin: 40rpx 0rpx 40rpx 0rpx;
	}

	.homePage_fd0_0_c1001 {
		font-size: 36rpx;
		font-weight: 600;
		color: #333;
	}

	.homePage_flex_4001 {
		margin: 20rpx 0rpx 20rpx 0rpx;
	}

	.homePage_fd4_0001 {
		font-size: 28rpx;
		font-weight: 400;
		color: #333;
	}

	.homePage_fd4_1001 {
		font-size: 28rpx;
		font-weight: 400;
		color: var(--benbenFontColor4);
	}

	.order_fd2_1_c1 {
		background: var(--benbenbgColor0);
		border-radius: 33rpx 33rpx 33rpx 33rpx;
		width: 500rpx;
		line-height: 70rpx;
		font-size: 28rpx;
		color: #fff;
		margin-top: 40rpx;
	}

	.order_fd2_1_c0_c20089 {
		border: 1px solid #3090FF;
		color: #3090FF;
		font-size: 24rpx;
		font-weight: 700;
		line-height: 36rpx;
		padding: 0rpx 8rpx 0rpx 8rpx;
		border-radius: 8rpx;
		height: 36rpx;
		margin-left: 12rpx;
	}
</style>